<style>
    body{
        background-color: #f9f9f9;
    }
    .xh-form tr td:nth-child(2n){
        padding: 5px 20px 5px 0;
        width: 200px;
    }
    td>label{
        margin-right: 10px;
        float: right;
    }
    .delBtn{
        background-color: #fff;
        border-color: #fff;
        color:#c1c1c1;
    }
    .delBtn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }
</style>
<script>
    var device = '{{ device }}';
    var iUTId = {{ iUTId }};
</script>
<form id="xh-form" class="xh-form" method="post" >
    <div class="xh-area-form">
        <table style="width: 100%">
            <tr>
                <td><label style="text-align: right">是否异常：</label></td>
                <td><select title="是否异常" id="isBroken" name="isBroken"><option value="0">否</option><option value="1">是</option></select>
                </td>
            </tr>
            {% if accessory is not empty %}
                {% for index,row in accessory %}
                    {% if index % 2 == 0 %}
                    <tr>
                    {% endif %}
                    <td style="width: 80px;"><label style="text-align: right">{{ row['name'] }}：</label></td>
                    <td style="width: 220px;"><input style="width: 160px;display: inline"  prodName="{{ row['name'] }}" class="num form-control" title="数量" value="0" type="number" min="0" >&nbsp;&nbsp;标配：{{ row['num'] }}</td>
                    {% if index % 2 == 1  %}
                        </tr>
                    {% endif %}
                {% endfor %}
            {% endif %}
            <tr>
                <td><label style="text-align: right">备注内容：</label></td>
                <td colspan="3"><textarea  rows="3" class="form-control" id="remarkContent" name="remarkContent"  must="true" type="text" placeholder="必填"></textarea></td>
            </tr>
            <tr>
                <td ><label style="text-align: right">图片&nbsp;&nbsp;<br><font style="color: red">(选填)</font>:</label></td>
                <td><input class="form-control" id="image" name="image" type="file"></td>
                <td colspan="2"  style="color: red;">图片格式(.jpg/.jpeg/.png);<br>选择设备状态“异常”时，附件必须上传；</td>
                {#<td ><label style="text-align: right">上传状态：</label></td>#}
                {#<td><input class="form-control" style="width: 140px" id="progress" name="progress" type="text" placeholder="未开始" disabled="disabled"></td>#}
                {#<td style="display: none"><input title="url地址" id="image_url"/></td>#}
            </tr>
            <tr>
                <td><label style="text-align: right">图片区域:</label></td>
                <td colspan="3">
                    <div id="imgFiles" class="fileList" style="height: 80px;margin: 10px;max-width: 300px;">
                        <ul class="m-top-sm clearfix " style="list-style: none">

                        </ul>
                    </div>
                </td>
            </tr>
            {#<tr>#}
                {#<td ><label style="width: 80px;text-align: right">上传说明：</label></td>#}
                {#<td colspan="3" >图片格式(.jpg/.jpeg/.png)；选择设备状态“异常”时，附件必须上传；</td>#}
            {#</tr>#}
        </table>
    </div>
</form>